Exercícios/Exercício 23/index.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Exercício 23 - Jovens Tegranos - Etapa de Nivelamento">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../style.css">
        <title>Exercício 23</title>
    </head>
    <body>
        <div id="divInputs">
            <span id="titulo">Exercício 23</span>
            <p id="enunciado">Leia dois valores inteiros X e Y. A seguir, calcule e mostre a soma dos
                números ímpares entre eles.</p>
            
            <details>
                <summary>
                    Exemplo
                </summary>
                <div id="divExemplo">Digite dois números:<br>
                    <span class="inputTexto">2</span><br>
                    <span class="inputTexto">9</span><br>
                    SOMA DOS ÍMPARES = 15
                </div>
            </details>
            
            <div id="formInputs">
                <label for="inputNumero1">Digite o primeiro número: </label>
                <input class="input" id="inputNumero1" type="number"></input>
                
                <label for="inputNumero2">Digite o segundo número: </label>
                <input class="input" id="inputNumero2" type="number"></input>
            </div>
            <div id="button" class="button">Enviar</div>
            
            <div id="pageBDiv">
                <a class="button" href="../Exercício 22/index.html">Anterior</a>
                <a class="button" href="../Exercício 24/index.html">Próximo</a>
            </div>
            <script src="./script.js"></script>
        </div>
        <div id="divOutputs">
            <label for="outputArea" style="font-weight: bold;">Saída:</label>
            <textarea id="outputArea" readonly></textarea>
        </div>
    </body>
</html>